#img-upload{display: none;}
.personal{
	.person{
		margin:120px 0 40px 0;
		display: flex;
		img{
			width:60px;
			height: 60px;
			border-radius: 50%;
			margin:0 28px 0 0;
		}
		.name{
			height: 28px;
			font-size: 24px;
			font-family: Roboto-Bold, Roboto;
			font-weight: bold;
			color: #121212;
			line-height: 28px;
			margin: 0 0 10px 0;
		}
		.intro{
			height: 19px;
			font-size: 16px;
			font-weight: 400;
			color: #333333;
			line-height: 19px;
		}
	}
	.avatar.mobile{display: none;}
	.list{
		display: flex;
		margin:0 0 276px 0;
		.sub-menu{
			width: 300px;
			margin: 0 20px 0 0;
			li{
				width: 300px;
				height: 19px;
				font-size: 16px;
				font-family: Roboto-Bold, Roboto;
				font-weight: bold;
				color: #868686;
				line-height: 19px;
				margin: 0 0 45px 0;
				cursor:pointer;
				&.current{
					color:#121212;
				}
				&:last-child{
					margin:0;
				}
			}
		}
		.focus{
			border: 1px solid #177FE9!important;
			box-shadow: 0px 1px 2px 0px #177FE9!important;
		}
	}
	.profile{
		width: 860px;
		.avatar{
			margin:0 0 34px 0;
			position: relative;
			img{
				width: 120px;
				height: 120px;
				border-radius: 50%;
			}
			i{
				width: 120px;
				height: 120px;
				border-radius: 50%;
				display: inline-block;
				background: rgba(0, 0, 0, 0.4) url("../images/personal/ic_1@2x.png") center center no-repeat;
				background-size: 36px 31px;
				position: absolute;
				top:0;
				left:0;
				cursor: pointer;
			}
			input{
				display: none;
			}
		}
		.label{
			height: 19px;
			font-size: 16px;
			font-family: Roboto-Bold, Roboto;
			font-weight: bold;
			color: #121212;
			line-height: 19px;
			margin:0 0 16px 0;
		}
		.name{
			margin:0 0 40px 0;
			input{
				width: 860px;
				height: 40px;
				background: #FFFFFF;
				border-radius: 24px;
				border:1px solid #E4E4E4;
				line-height: 40px;
				padding:0 24px;
				color:#000;
			}
		}
		.blo{
			margin: 0 0 80px 0;
			textarea{
				padding:10px 24px;
				color: #333;
				line-height: 20px;
				width:860px;
				height: 120px;
				background: #FBFBFB;
				border-radius: 10px;
				margin:0 0 8px 0;
				border: none;
				resize:none;
				outline:none;
			}
			.tip{
				height: 26px;
				font-weight: 400;
				color: #868686;
				line-height: 26px;
				text-align: right;
			}
		}
		.save{
			width: 88px;
			height: 40px;
			background: #177FE9;
			border-radius: 24px;
			line-height: 40px;
			text-align: center;
			cursor: pointer;
			input{
				font-size: 16px;
				font-family: Roboto-Medium, Roboto;
				font-weight: 500;
				color: #FFFFFF;
				background: transparent;
			}
		}
	}
	.account{
		width: 860px;
		.banner{
			height: 16px;
			font-family: Roboto-Medium, Roboto;
			font-weight: 500;
			line-height: 16px;
			padding:0 0 24px 0;
			border-bottom: 1px solid #DCDCDC;
			margin:0 0 40px 0;
		}
		.label{
			height: 19px;
			font-size: 16px;
			font-family: Roboto-Bold, Roboto;
			font-weight: bold;
			color: #121212;
			line-height: 19px;
			margin: 0 0 16px 0;
		}
		.email{
			margin:0 0 40px 0;
			input{
				width: 648px;
				height: 40px;
				background: #FFFFFF;
				border-radius: 24px;
				border: 1px solid #E4E4E4;
				line-height: 40px;
				color: #666!important;
				padding:0 24px;
				font-family: 'Roboto-Regular';
			    box-shadow: inset 0 0 0 1000px #fff;				
			}
		}
		.password{
			display: flex;
			justify-content: space-between;
			margin: 0 0 60px 0;
			.pas{
				width: 648px;
				position: relative;
				input{
					width: 648px;
					height: 40px;
					background: #FFFFFF;
					border-radius: 24px;
					border: 1px solid #E4E4E4;
					line-height: 40px;
					padding:0 44px 0 24px;
			    	box-shadow: inset 0 0 0 1000px #fff;									
				}
				i{
					cursor: pointer;
					width:22px;
					height: 22px;
					background-size: 22px 22px;
					display: inline-block;
					position: absolute;
					right: 25px;
					top:9px;
					background-repeat: no-repeat;
				}
				.see{
					background-image: url("../images/personal/ic_2@2x.png");
				}
				.no-see{
					background-image: url("../images/personal/ic_3@2x.png");
					background-size: 22px auto;
					background-position:center;
				}
			}
			input[type="button"]{
				width: 172px;
				height: 40px;
				background: #177FE9;
				border-radius: 24px;
				line-height: 40px;
				color:#fff;
				text-align: center;
				font-size: 16px;
				font-family: Roboto-Medium, Roboto;
			}
		}
		.connect-list{
			margin:0 0 80px 0;
			li{
				margin:0 0 40px 0;
				padding: 0 0 40px 0;
				display: flex;
				justify-content: space-between;
				border-bottom: 1px solid #E4E4E4;
				&:last-child{
					margin:0;
					padding:0;
					border: none;
					.right-content .connect{
						border:1px solid #235B9E;
						input[type="button"]{
							background: #235B9E;
						}
					} 
				}
			}
			.left-content{
				.title{
					height: 19px;
					font-size: 16px;
					font-family: Roboto-Bold, Roboto;
					font-weight: bold;
					color: #121212;
					line-height: 19px;
					margin: 0 0 16px 0;
				}
				p{
					height: 18px;
					font-weight: 400;
					color: #868686;
					line-height: 18px;
				}
			}
			.right-content{
				.connect{
					width: 238px;
					height: 40px;
					border-radius: 24px;
					border:1px solid #177FE9;
					display: flex;
					overflow:hidden;
					justify-content: space-between;
					align-items: center;
					span{
						width: 38px;
						height: 38px;
					}
					.img-facebook{
						background: url("../images/popWindow/facebook@2x.png") no-repeat center /14px 24px;
					}
					.img-google{
						background: url("../images/popWindow/google@2x.png") no-repeat center /24px 24px;
					}
					img{
						width: 38px;
						height: 38px;
					}
					input[type="button"]{
						width: 200px;
						height: 38px;
						background: #177FE9;
						border-top-right-radius: 24px;
						border-bottom-right-radius: 24px;
						text-align: center;
						line-height: 38px;
						color:#fff;
						display: block;
					}
				}
				.disconnect{
					width: 276px;
					text-align: center;
					p{
						font-size: 16px;
						line-height: 26px;
						color:#868686;
					}
					a{
						font-size: 16px;
						color:#177FE9;
					}
				}
			}
		}
		.logout input{
			width: 88px;
			height: 40px;
			border-radius: 24px;
			border: 2px solid #333333;
			font-size: 16px;
			font-family: Roboto-Medium, Roboto;
			font-weight: 500;
			line-height: 40px;
			text-align: center;
			background:transparent;
		}
	}
}
